<script lang="ts" setup>
  import { AntDesignOutlined } from '@ant-design/icons-vue';
  import Avatar from '@sscd/avatar';
</script>

<template>
  <div class="demo">
    <div class="demo-title">响应式尺寸</div>
    <div class="demo-content">
      <Avatar :size="{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }">
        <template #icon>
          <AntDesignOutlined />
        </template>
      </Avatar>
    </div>
  </div>
</template>
